<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>活动详情</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="activity-center-detail">
		<section class="activity-detail-top bb mt">
			<p class="news-detail-title">乐Y乐丝袜接龙</p>
			<div class="c co2">
				<span class="fl">2016-02-26</span>
				<div class="fr">
					<span>分享9999</span>
					<span>阅读99999</span>
				</div>
			</div>
		</section>
		<section class="activity-detail-info bt bb mt">
			<ul>
				<li>时间: 02-26（星期5）19：00 至02-26  22：00 </li>
				<li>地址: 长沙华美达大酒店</li>
				<li>
					<span class="fl">会员等级: 白银会员</span>
					<span class="fr co1">是否收费: 是</span>
				</li>
				<li>
					<span class="fl co2">已有 <em class="co1">1000</em> 报名</span>
					<span class="fr co2">不限制报名人数</span>
				</li>
			</ul>
		</section>
		<section class="activity-detail-info bt bb mt">
			<ul>
				<li>
					<span class="co5">   懂得欣赏，才能成就美丽！
<img src="images/丝袜.jpg" width="100%" />千丝万缕，乐Y乐，让女人的美丝丝入扣！
乐Y乐丝袜，高档面料，任意裁剪。采用全新防脱丝交叉织法，精度细密，防脱更安心。
极致超薄，爽滑舒适。不足0.05毫米的超纤薄材质，塑造隐形无痕的极致体验。
美肤遮瑕，透气防晒。遮盖暗沉瑕疵，避免紫外线伤害，从细微处收集健康。
超强弹力，十倍耐磨。媲美钢化涂层的韧性结构，打造十倍耐穿力，弹力拉伸200%以上。
艺术设计，视觉冲击。艺术与科技完美结合，瞬间瘦腿，视觉拉高5CM，刹那惊艳。零售88元一双，会员价68元一双，今天接龙一双只需58元分享券。你的美丽由你做主！</span>
				</li>
			</ul>
		</section>
		<section class="activity-detail-list">
			<p class="activity-detail-list-tit co2 tc">已报名用户</p>
			<ul>
				<li>
					<img src="images/head.jpg" width="60" height="60" class="fl" />
					<span class="fl">你猜我是谁</span>
					<span class="fr">03-07</span>
				</li>
				<li>
					<img src="images/head.jpg" width="60" height="60" class="fl" />
					<span class="fl">笨女人</span>
					<span class="fr">03-07</span>
				</li>
				<li>
					<img src="images/head.jpg" width="60" height="60" class="fl" />
					<span class="fl">思源</span>
					<span class="fr">03-07</span>
				</li>
				<li>
					<img src="images/head.jpg" width="60" height="60" class="fl" />
					<span class="fl">嗅蔷薇</span>
					<span class="fr">03-07</span>
				</li>
				<li>
					<img src="images/head.jpg" width="60" height="60" class="fl" />
					<span class="fl">嗅蔷薇</span>
					<span class="fr">03-07</span>
				</li>
			</ul>
			<a href="javascript:;" class="activity-detail-more co2 tc">查看更多报名用户</a>
		</section>
	</div>
	<a href="javascript:selectIder.into();" class="generate">我要报名</a>
	<section class="pop">
		<div class="pop-desc tc">前往支付界面</div>
		<a href="活动_活动详情_活动付费订单页面.html" class="pop-dete">确定</a>
	</section>
	<section class="select-wrap">
		<div class="select-ider bt">
			<p class="select-ider-desc f24 co2">请在以下收费项目中选择：</p>
			<ul>
				<a href="javascript:popShow('.pop');">
				<li>
					<div class="fl">
						<p class="f26 co5">乐Y乐丝袜1双</p>
						<p class="f24 co2">58元</p>
					</div>
					<span class="f24 fr co5">收费</span>
				</li>
				</a>
				<a href="javascript:popShow('.pop');">
				<li>
					<div class="fl">
						<p class="f26 co5">乐Y乐丝袜2双</p>
						<p class="f24 co2">116元</p>
					</div>
					<span class="f24 fr co5">收费</span>
				</li>
				</a>
				<a href="javascript:popShow('.pop');">
				<li>
					<div class="fl">
						<p class="f26 co5">乐Y乐丝袜4双</p>
						<p class="f24 co2">232元</p>
					</div>
					<span class="f24 fr co5">收费</span>
				</li>
				</a>
			</ul>
		</div>
	</section>
</body>
<script src="js/zepto.min.js"></script>
<script>
	//select
	var selectIder = {
			into : function(){
				var tun = true;
				$('.select-wrap').show();
				$('.select-ider').on('touchstart',function(){tun = false;});
				$('.select-ider li').on('touchstart',function(){
					$(this).addClass('ider-in').siblings().removeClass();
				});
				$('.select-wrap').on('touchstart',function(){
					if(!tun){
						tun = true;
						return;
					}
					$(this).hide();
				})
			}
		}
	//弹窗
	function popShow(id) {
		var p = $(id);
		if (p) {
			p.show();
			p.css({
				position: 'fixed',
				top: '50%',
				left: '50%',
				marginTop: -p.height() / 2,
				marginLeft: -p.width() / 2,
				zIndex: 1000
			});
			p.attr('for', 'pop');
			$('body').append('<div for="overlay" style="width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.6);"></div>');
		}
	}
	function popHide(){
		$('.select-wrap').hide();
		$('[for="pop"]').hide();
		$('[for="overlay"]').remove();
	}
</script>
</html>